@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.yin{background: #f6f6f6;padding: 90px 0 0;}
.yin_t{font-size: 40px;color: #333;background:url(../images/yin_tbg.gif) no-repeat center 0;text-align: center;height: 90px;line-height: 40px;overflow: hidden;padding: 30px 0 0;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 16px;color: #666;font-weight: normal;padding: 5px 0 0;}
.yin_l{width: 250px;padding: 40px 0 0;}
.yin_l dl{width: 250px;height: 208px;overflow: hidden;}
.yin_l dl dt{font-size: 20px;color: #333;font-weight: bold;height: 44px;line-height: 44px;overflow: hidden;}
.yin_l dl dt em{display: block;float: left;width: 44px;height: 44px;line-height: 0;overflow: hidden;background: #333;border-radius: 5px;margin-right: 20px;}
.yin_l dl dt em img{width: 44px;height: 44px;}
.yin_l dl:hover dt{color: #c7281c;}
.yin_l dl:hover dt em{background: #c7281c;}
.yin_l dl dd{padding: 15px 0 0;height: 75px;overflow: hidden;}
.yin_l dl dd p{font-size: 14px;color: #999;line-height: 25px;}
.yin_c{width: 740px;height: 620px;padding: 25px 0 0;-webkit-transition:transform .3s;transition:transform .3s;}
.yin_c img{width: 740px;height: 620px;}
.yin_c:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

/*案例见证*/
.case{background:url(../images/case_bg01.jpg) no-repeat center 0;height: 850px;overflow: hidden;padding: 70px 0 0;}
.case .yin_t{background:url(../images/case_tbg.gif) no-repeat center 0;}
.case_t{height: 57px;overflow: hidden;padding: 37px 0 0;}
.case_t ul li{float: left;padding: 0 5px;width: 160px;}
.case_t ul li a{font-size: 16px;color: #1a1a1a;display: block;width: 160px;text-align: center;height: 38px;line-height: 38px;overflow: hidden;border-radius: 20px;}
.case_t ul li a:hover,.case_t ul li.cur a{color: #fff;font-weight: bold;background: #c7281c;}
.cases { width: 100%; min-width: 1200px; height: 600px; position: relative; overflow: hidden; }
.case_con { width: 1200px; position: absolute; left: 50%; margin-left: -600px; }
.case_con .tempWrap .case_m { margin-left: -1200px !important; }
.case_con .tempWrap, .case_con .tempWrap .case_m { overflow: visible !important; }
.case_con dl { width: 1200px; height: 600px; overflow: visible; position: relative; }
.case_con dl dd { width: 1200px; height: 600px; overflow: hidden; line-height: 0;}
.case_con dl dd img,.case_main ul li img,.cp01 ul li img,.ys_m dl dt img,.news dt img,.about dl dt img { width: 1200px; height: 600px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_con dl dd img:hover,.case_main ul li img:hover,.cp01 ul li img:hover,.ys_m dl dt img:hover,.news dt img:hover,.about dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_con dl dt {position: absolute;left: 132px; height: 100px;width: 930px;background: rgba(0,0,0,0.5); box-sizing: border-box; transition: all .6s ease-in-out; }
.case_con dl dt h4 {width: 170px;padding: 0 6px; font-size: 24px; height: 100px;line-height: 100px;background: #c7281c; float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #fff;text-align: center;}
.case_con dl dt h4 a { color: #fff; }
.case_desc{font-size: 14px;color: #e2e2e2;line-height: 25px;height: 50px;overflow: hidden;width: 550px;float: left;padding: 20px 0 0 40px;}
.case_con dl dt em { display: block;position: absolute;top: 30px;right: 60px; }
.case_con dl dt em img{width: 20px;height: 32px;}
.case_con dl dt em a{display: block;width: 20px;height: 32px;}
.case_con dl dt em a:hover,.ban_r em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.case .pnBtn .blackBg { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 600px; background: #000; filter: alpha(opacity=50); opacity: 0.5; }
.case .pnBtn { position: absolute; z-index: 1; top: 0; width: 100%; height: 600px; cursor: pointer; }
.case .prev { left: -50%; margin-left: -600px; }
.case .next { left: 50%; margin-left: 600px; }
.case .pnBtn .arrow { display: none; opacity: .6; position: absolute; top: 0; z-index: 1; width: 90px; height: 600px; transition: all 1s ease-in-out; }
.case .pnBtn .arrow:hover { filter: alpha(opacity=100); opacity: 1; }
.case .prev .arrow { right: 10px; background:url(../images/case_lico.png) no-repeat center; z-index:9999999999 }
.case .next .arrow { left: 10px; background: url(../images/case_rico.png) no-repeat center; z-index:9999999999 }

/**/
.case_main{background:url(../images/case_bg02.jpg) no-repeat center 0;height: 282px;overflow: hidden;padding: 56px 0 0;}
.case_qie{width: 1150px;overflow: hidden;margin: 0 auto;}
.case_main ul li{width: 359px;height: 203px;float: left;line-height: 0;position: relative;overflow: hidden;margin-right: 35px;}
.case_main ul li img{width: 359px;height: 203px;}
.case_main ul li span{display: block;width: 359px;height: 45px;line-height: 45px;position: absolute;bottom: 0;left: 0;overflow: hidden;background: rgba(0,0,0,0.7);}
.case_main ul li i{display: block;font-size: 18px;float: left;color: #fff;width: 250px;padding-left: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_main ul li em{background:url(../images/case_btn02.png) no-repeat;display: block;width: 90px;height: 45px;float: right;}
.case_main ul li:hover em{background:url(../images/case_btn03.png) no-repeat;}
.case_mn p{width: 55px;height: 55px;position: absolute;top: 70px;z-index: 30;}
.case_mn p a{display: block;width: 55px;height: 55px;}
.case_l a{background:url(../images/case_lico01.png) no-repeat;}
.case_l a:hover{background:url(../images/case_lico02.png) no-repeat;}
.case_r a{background:url(../images/case_rico01.png) no-repeat;}
.case_r a:hover{background:url(../images/case_rico02.png) no-repeat;}
.case_l{left: -50px;}
.case_r{right: -50px;}




/**/

.chanp{padding: 20px 0; height:900px}
.chanp .yin_t{background:url(../images/pro.jpg) no-repeat center 0;}
.cp01{padding: 50px 0 0;}
.cp01 ul li{width: 242px;height: 324px;float: left;position: relative;line-height: 0;overflow: hidden;margin-top: 175px;margin-left: 33px;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.cp01 ul li img{width: 242px;height: 324px;}
.cp01 ul li span{display: block;width: 242px;text-align: center;height: 40px;line-height: 40px;font-size: 14px;color: #333;position: absolute;bottom: 10px;left: 0;overflow: hidden;}
.cp01 ul li:first-child{width: 375px;height: 500px;margin: 0;}
.cp01 ul li:first-child img{width: 375px;height: 500px;}
.cp01 ul li:first-child span{width: 375px;color: #fff;}
.cp02{width: 780px;position: absolute;top: 240px;right: 0;}
.cp02 ul li{height: 40px;line-height: 40px;float: left;overflow: hidden;width: 260px;}
.cp02 ul li a{font-size: 16px;color: #333;}
.cp02 ul li a:hover{color: #c7281c;}
.cp02 ul li b{padding:0 5px 0 0;}

.til01 {
    text-align: center;
    display: block;
    font-size: 50px;
    color: #333;
    line-height: 64px;
    height: 140px;
    font-weight: normal;
    position: relative;
    width: 1200px;
    margin: 0 auto;
}.til01 b {
    color: #c7281c;
}.til01 p {
    display: block;
    font-size: 20px;
    line-height: 44px;
    opacity: 0.8; color:#3a3a3a; text-transform:uppercase
}.more01 {
    float: left;
    text-align: center;    display: block;
    width: 127px;
    line-height: 34px;
    margin: 0 auto;
}.plan_c dd span a, .more01 a {
    display: block;
    color: #fff;
    border-radius: 17px;
}.plan_c dl:hover dd span a, .plan_c dd span a:hover, .more01 a, .faqs_c dl:hover dt, .show_t li.cur {
    background: #c7281c;
    -webkit-gradient(linear, left top, right bottom, from(#ba170b), to(#c7281c)): ;
    background-image: -webkit-linear-gradient(left, #ba170b, #c7281c);
    background-image: -moz-linear-gradient(left, #ba170b, #c7281c);
    background-image: -o-linear-gradient(left, #ba170b, #c7281c);
    background-image: -ms-linear-gradient(left, #ba170b, #c7281c);
    background-image: linear-gradient(left, #ba170b, #c7281c);}
pro_cla {
    width: 300px;
    height: 680px;
    line-height: 39px;
    color: #333;
    background: #f3f3f3;
}.pro_cla h2 {
    height: 100px;
    text-align: center;
    font-size: 40px;
    color: #fff;
    line-height: 100px;
    background: url(../images/protbg.gif) no-repeat 0 0;
    border-bottom: 1px solid #fff;
}.pro_cla {
    width: 300px;
    height: 680px;
    line-height: 39px;
    color: #333;
    background: #f3f3f3;
}.pro_cla h3 {
    height: 55px;
    font-size: 18px;
    color: #fff;
    line-height: 55px;
    background: #333;
    position: relative;
}.pro_cla {
    width: 300px;
    height: 680px;
    line-height: 39px;
    color: #333;
    background: #f3f3f3;
}.pro_cla h4 {
    height: 44px;
    font-size: 16px;
    color: #333;
    line-height: 44px;
    background: url(../images/ico03.gif) no-repeat 31px 23px #e5e5e5;
    position: relative;
    font-weight: normal;
    border-bottom: solid 1px #fff;
}.pro_cla li {
    height: 39px;
    line-height: 39px;
    border-bottom: solid 1px #dadada;
}.pro_cla li a {
    display: block;
    color: #333;
    padding: 0 0 0 65px;
}

.pro_cla h3.cur, .pro_cla h3:hover {
    background: #c7281c;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(199, 40, 28);
}.pro_cla h3 a {
    color: #fff;
    padding: 0 32px;
    display: block;
    background: url(../images/ico06.png) no-repeat 11px 21px;
}

.pro_cla h3:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    background: url(../images/ico01.png) no-repeat 0 0;
    left: 258px;
    top: 17px;
}.pro_cla h4 {
    height: 44px;
    font-size: 16px;
    color: #333;
    line-height: 44px;
    background: url(../images/ico03.gif) no-repeat 31px 23px #e5e5e5;
    position: relative;
    font-weight: normal;
    border-bottom: solid 1px #fff;
}.pro_cla h4 a {
    color: #333;
    display: inline-block;
    padding: 0 49px;
}
.pro_cla h4.on:before {
    background: url(../images/ico02.png) no-repeat 0 0;
    left: 264px;
    top: 19px;
}.pro_cla h4:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background: url(../images/ico04.png) no-repeat 0 0;
    left: 264px;
    top: 19px;
}







/*优势*/
.edge{font-family:"Microsoft Yahei";font-size:16px;position: relative;line-height:27px;padding:82px 0 0;color: #666;background: #f2f2f2;}
.edge1{height:495px;position: relative;z-index: 1;overflow: hidden;}
.edge3{background:url(../images/edgebg3.jpg) no-repeat center 0;}
.edge_p{height:495px;width: 50%;}
.edge_p3{width: 50%;}
.edge_p1{background:url(../images/edge_pic1.jpg) no-repeat 0 0;}
.edge_p2{background:url(../images/edge_pic2.jpg) no-repeat right 0;}
.edge_p3{background:url(../images/edge_pic3.jpg) no-repeat 0 0;}

.edge_w{width: 44.48%;}
.edge_wx{width: 40.1%;}
.edge_w3{width: 413px;}
.edge_w1{width:498px;padding:96px 0 0;}
.edge_w1 h3{height:195px;line-height:47px;font-size:32px;white-space: nowrap;color: #333;font-weight: normal;}
.edge_w1 h3 span{height: 128px;font-size: 42px;line-height: 47px;color: #c7281c;font-weight: bold;display: block;overflow: hidden;}
.edge_w1 h3 em{display: block;height:100px;background:url(../images/edge_ico1.png) no-repeat 0 0;width: 100px;font-family: Arial;padding: 34px 0 0 22px;font-size: 32px;float: left;}
.edge_w3 h3 em{background:url(../images/edge_ico1.png) no-repeat 0 0;}
.edge_w1 p{display: block;padding: 0 0 28px;}
.edge_w ul{padding:0 0 18px;position: relative;}
.edge_w li{padding:0 0 18px;position: relative;}
.edge_w li b{font-weight: normal;color: #c7281c; font-size:48px}
.more01{float: left;text-align: center;}

.honner{width:666px;position: relative;padding: 90px 0 0;}
.poster-main .poster-btn{ width:38px; height:38px; position: absolute; cursor:pointer;  display:block; z-index: 10;}
.poster-main .poster-btn a { position: absolute; top:164px; }
.poster-main .poster-prev-btn a { right:0; }
.poster-main .poster-next-btn a { left:0; }
.poster-main .poster-next-btn{left:-60px;top:130px;}
.poster-main .poster-prev-btn{right:-60px;top:130px;}
.poster-main .poster-next-btn a{ background: url(../images/prev2.png) no-repeat; width:38px; height:38px; display:block;}
.poster-main .poster-prev-btn a{ background: url(../images/next2.png) no-repeat; width:38px; height:38px; display:block;}
.poster-item{position: relative; margin: 0 auto;}
.poster-item em{position: absolute;left:0;width: 100%;height: 60px;line-height: 60px;color: #000;text-align: center; display: none;  overflow: hidden; }
.poster-main .poster-list .poster-item img {display: block;width: 100%;}
.poster-main {position: relative;margin: 0 auto 40px;}
.poster-main .poster-list .poster-item {position: absolute;left: 0;top: 0;}
.poster-main .poster-btn {position: absolute;top: 0;cursor: pointer;}

/*广告*/

.ad{ width:100%; height:240px; background:url(../images/ad.jpg) no-repeat center top; margin:0 auto}
.zuo p{ color:#fff; font-size:28px; margin-top:60px }
.zuo span{ color:#fff; font-size:36px; }
.zuo{ width:50%; line-height:49px }
.you{ width:20%; color:#fff }
.you p{ font-size:16px; margin-top:60px; line-height:40px}
.you span{ color:#fff; font-size:28px;  }
.modmo a{ width:139px; height:33px ; background:#2f2f2f; color:#fff; display:block; line-height:33px; text-align:center; margin-top:20px}






/*新闻中心*/
.news_main{padding: 80px 0;}
.news_main .yin_t{background:url(../images/news_tbg.gif) no-repeat center 0;}
.news{ width:550px;padding: 30px 0 0;}
.news_t{ height:70px;line-height: 26px;overflow: hidden;border-bottom: #f3f3f3 2px solid;}
.news_t p{float: left;}
.news_t p a{font-size: 18px;color: #333;font-weight: bold;}
.news_t p a:hover,.news dd h3 a:hover,.news ul li a:hover{color: #c7281c;}
.news_t p i{color: #cecece;font-size: 20px;display: block;font-weight: normal; font-family:"Times New Roman", Times, serif;text-transform: uppercase;}
.news_t span{float: right;width: 25px;height: 25px;display: block;line-height: 0;padding: 23px 0 0;}
.news_t span img{width: 25px;height: 25px;}
.news dl{ width:550px; padding:25px 0;border-bottom: #ddd 1px solid; display: inline-block;margin-bottom: 15px;}
.news dt{ width:150px; height:113px;overflow: hidden;float: left;line-height: 0;}
.news dt img{ width:150px; height:113px;}
.news dd{width:370px;float: left; padding:0 0 0 20px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;padding: 8px 0 0;}
.news dd h3 a{ font-size:14px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 370px;}
.news .news_desc{ font-size:14px; color:#909090; height:40px; line-height:20px;overflow: hidden;}
.news dd span{display: block;font-size: 32px;color: #333;padding: 8px 0 0;font-weight: bold;}
.news ul li{ height:28px; line-height:28px; overflow:hidden;}
.news ul li a{font-weight: bold; font-size:14px; color:#333;display: block;float: left;width: 410px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 20px; background:url(../images/news_ico01.gif) no-repeat 0 11px;}
.news ul li span{display: block;float: right;font-size: 14px;color: #909090;width: 100px; text-align:right;}

/*关于我们 */
.about{background:#f6f6f6;overflow: hidden;padding: 60px 0 0;height: 870px;}
.about .yin_t{background:url(../images/ab_tbg.gif) no-repeat center 0;}
.about dl{position: relative;margin-top: 30px;}
.about dl dt{width: 1200px;height: 500px;line-height: 0;overflow: hidden; margin:0 auto}
.about dl dt img{width: 1200px;height: 500px;}
.about dl dd{background:url(../images/ab_k.png) no-repeat;height: 240px;position: absolute;top: 355px;left: 50px;width: 890px;padding: 55px 155px 0; }
.about .ab_desc{font-size: 14px;color: #666;line-height: 24px;height: 72px;overflow: hidden;}
.about dl dd b{display: block;line-height: 24px;margin-top: -24px;margin-left: 350px;width: 100px;}
.about dl dd b a{font-size: 14px;color: #c7281c;}
.about ul{display: block;width: 750px;margin: 0 auto;padding: 30px 0 0;}
.about ul li{width: 250px;float: left;text-align: center;height: 90px;background:url(../images/ab_line.gif) no-repeat 0 20px;}
.about ul li em{display: block;width: 48px;height: 42px;line-height: 0;overflow: hidden;margin: 0 auto;}
.about ul li em img{width: 48px;height: 42px;}
.about ul li span{display: block;height: 30px;line-height: 30px;overflow: hidden;padding: 5px 0 0;}
.about ul li a{font-size: 16px;color: #666;display: block;}
.about ul li a:hover{color: #c7281c;}
.about ul li:first-child{background: none;}

/*尾部*/
	
	
footer { background:url(../images/f_bg.jpg) center top no-repeat #272727; width:100%; height:385px; margin:0px auto; clear:both; overflow:visible; color:#a9a9a9; padding-top:51px;  }
footer a { color:#a9a9a9;}
footer .con_1 { width:1250px; margin:0px auto; height:279px;}
footer .fl { width:848px; height:194px; margin-top:0px; }
footer .fl ul { width:143px; float:left; text-align:  left;   }
footer .fl ul:last-child { width:243px;}
footer .fl ul li:first-child {font-size:18px; line-height:59px; color:#fff; width:100%; float:left;} 
footer .fl ul li:first-child b{ width:55px; height:3px; background:#b11852; display:block; margin-top:22px; margin-bottom:22px}
footer .fl ul li:first-child a {color:#fff; line-height:12px }
footer .fl ul li:first-child a span{ font-size:30px; text-transform:uppercase; font-weight:bold; width:100%; float:left}
footer .fl ul p{ font-size:14px; line-height:30px}

footer .fl ul li { font-size:14px; line-height:27px; width:100%; float:left}

footer .fr { width:400px; text-align:center; height:194px; }

footer .fr p strong { color:#292929; font-size:18px; }
footer .fr h3 { color:#0760ad; font-size:30px; font-family:"黑体"; font-weight:700; }
footer .fr img { margin-top:10px;}

footer .bq { width:1310px; margin:0px auto;  text-align:center; color:#939393; border-top:1px solid #2f2f2f; line-height:35px; font-size:14px; padding-top:30px;}
footer .bq a {color:#939393; font-weight:normal!important; }
footer .bq p {  margin:0px 0px!important; font-size:13px!important; }
.ewmz{ float:left; margin-right:20px}
.ewmz p{ font-size:14px; color:#8a8a8a; margin-top:5px}
/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}